import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    double width = size.width;
    double height = size.height;
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: Stack(
          children: [
          ListView(
            children: [
              Column(children: [
                Container(color: Colors.red, width: width, height: width/1.4,),
                Container(color: Colors.white,height: width/4,),
                Container(height: height-(width/4),child: Row(
                  children: [
                    Container(color: Colors.white,width: width* (1-(1/1.2)),),
                    Stack(
                      children: [
                        Positioned(child: Container(
                          color: Color.fromARGB(255, 208, 208, 208), width: width/1.2, height: height,
                          child: Row(
                            children: [
                              Container(color: Colors.cyan,),
                              Container(color: Colors.amber,),
                            ],
                          ),
                        ),
                        ),

                      ],
                    ),
                  ],
                ),)


              ],)
            ],
          ),
          Positioned(top: 0, left: width/4, child: Container(color: Colors.grey, width: width/2, height: width/14,),),
          Container(color: Colors.white24, width: width, height: width/14,),
        ],)
      ),
    );
  }
}